<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../images/favicon.ico">

    <title>洲博通 - 税费审批</title>
    <!-- 文件导入，共性抽取 -->
    <script src="../../../assets/vendor_components/jquery/dist/jquery.js"></script>
    <script src="../../js/template-web.js"></script>
    <script src="../../js/utils.js"></script>
    <script src="../../js/mockData.js"></script>



    <!-- Bootstrap 4.0-->
    <link rel="stylesheet" href="../../../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">

    <!-- Data Table-->
    <link rel="stylesheet" type="text/css" href="../../../assets/vendor_components/datatable/datatables.min.css" />


    <!--alerts CSS -->
    <link href="../../../assets/vendor_components/sweetalert/sweetalert.css" rel="stylesheet" type="text/css">

    <!-- Bootstrap extend-->
    <link rel="stylesheet" href="../../css/bootstrap-extend.css">

    <!-- daterange picker -->
    <link rel="stylesheet" href="../../../assets/vendor_components/bootstrap-daterangepicker/daterangepicker.css">

    <!-- bootstrap datepicker -->
    <link rel="stylesheet"
      href="../../../assets/vendor_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">

    <!-- iCheck for checkboxes and radio inputs -->
    <link rel="stylesheet" href="../../../assets/vendor_plugins/iCheck/all.css">

    <!-- Bootstrap Color Picker -->
    <link rel="stylesheet"
      href="../../../assets/vendor_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">

    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" href="../../../assets/vendor_plugins/timepicker/bootstrap-timepicker.min.css">

    <!-- Select2 -->
    <link rel="stylesheet" href="../../../assets/vendor_components/select2/dist/css/select2.min.css">

    <!-- Theme style -->
    <link rel="stylesheet" href="../../css/master_style.css">

    <!-- 洲博通 skins -->
    <link rel="stylesheet" href="../../css/skins/_all-skins.css">



    <link rel="stylesheet" href="../../css/utils.css">
    <!--文件上传可无视-->
    <link rel="stylesheet" type="text/css" href="../../css/normalize.css" />
    <!--文件上传必要样式-->
    <link rel="stylesheet" type="text/css" href="../../css/fileupload.css" />


    <!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->




    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

  </head>
  <style>
    body {
      width: 100%;
      height: auto;
    }

    .kim-mack-content {
      height: 100vh;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      overflow-y: scroll;
      z-index: 99;
      display: none;
    }

    .kim-bg {
      position: fixed;
      height: 100%;
      width: 100%;
      background: #000000;
      opacity: 0.6;
    }
  </style>


  <style>
    .wizard-content .wizard>.steps>ul>li.current .step {
      border-color: #F3F3F3;
      background-color: #fff;
      color: #67757c;
    }

    .wizard-content .wizard>.steps>ul>li:nth-child(2) .step {
      display: block;
      background-color: #03a9f3;
      border-color: #03a9f3;
      color: #fff;
    }

    .wizard-content .actions {
      display: none !important;
    }
  </style>

  <body class="sidebar-collapse skin-blue sidebar-mini">
  <b data-toggle="push-menu" style="display:none"></b>
    <div class="wrapper">


      <div class="content-wrapper">





        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            税费审批
          </h1>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#"><i class="fa fa-gg"></i> 审核管理</a></li>
            <li class="breadcrumb-item"><a href="#">税费审批</a></li>
          </ol>
        </section>


        <section class="content kim-content" style="display:none">

          <div class="row">

            <div class="col-12">
              <div class="box">
                <div class="box-header with-border">
                  <h4 class="box-title"><strong>搜索</strong></h4>
                </div>
                <div class="box-body row">

                  <div class="col-md-4 col-lg-3 mb-10">
                    <div class="input-group">
                      <label class="mr-5" style="margin:auto">合同协议号：</label>
                      <input type="text" class="form-control" data-inputmask="" data-mask="">
                    </div>
                  </div>



                  <!-- <div class="col-md-4 col-lg-3 mb-10">
                    <div class="form-group">
                      <div class="input-group">
                        <label class="mr-5" style="margin:auto">创建时间：</label>
                        <input type="text" class="form-control pull-right" id="reservation">
                      </div>
                    </div>
                  </div> -->


                  <!-- <div class="col-md-4 col-lg-3 mb-10">
                    <div class="input-group">
                      <label class="mr-5" style="margin:auto">结算单号：</label>
                      <input type="text" class="form-control" data-inputmask="" data-mask="">
                    </div>
                  </div> -->



                  <div class="col-md-4 col-lg-4 mt-1">
                    <button type="button" class="btn btn-sm  btn-info mr-10"><i class="ti-search"></i> 查询</button>
                    <button type="button" class="btn btn-sm btn-info mr-10 kim-add-customers"> <i
                        class="fa fa-cloud-download"></i>
                      导出付款审核列表</button>
                  </div>

                  <div class="col-md-8 col-lg-8 mb-10">
                    <div class="form-group">
                      <div class="input-group">
                        <div class="demo-radio-button row">
                          <span class="ml-20 mr-10">状态：</span>
                          <input name="group5" type="radio" id="radio_30" class="with-gap radio-col-red" checked>
                          <label for="radio_30" style="min-width: 120px;">未做开票资料 </label>
                          <input name="group5" type="radio" id="radio_32" class="with-gap radio-col-purple">
                          <label for="radio_32" style="min-width: 120px;">待做开票资料</label>
                          <input name="group5" type="radio" id="radio_33" class="with-gap radio-col-deep-purple">
                          <label for="radio_33" style="min-width: 120px;">已做开票资料</label>


                          <!-- <input name="group5" type="radio" id="radio_35" class="with-gap radio-col-blue">
                          <label for="radio_35" style="min-width: 120px;">已付款</label>
                          <input name="group5" type="radio" id="radio_36" class="with-gap radio-col-light-blue">
                          <label for="radio_36" style="min-width: 120px;">付款失败</label>
                          <input name="group5" type="radio" id="radio_37" class="with-gap radio-col-light-blue">
                          <label for="radio_37" style="min-width: 120px;">查询导出付款审核列表</label> -->
                        </div>

                      </div>
                    </div>

                  </div>

        



                </div>
              </div>
            </div>





            <div class="col-12">


              <div class="box">
                <div class="box-header with-border">
                  <!-- <h3 class="box-title">Hover Export Data Table</h3>
                  <h6 class="box-subtitle">Export data to Copy, CSV, Excel, PDF & Print</h6> -->
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                  <div class="table-responsive">
                    <table id="example"
                      class="table table-bordered  table-hover  display nowrap margin-top-10 w-p100 xhrTables">
                      <!-- table-striped 有条纹 -->

                      <thead>
                        <tr class="bg bg-pale-gray">

                          <th>标题</th>
                          <th>正文</th>
                          <th> 供应商类型</th>
                          <!-- <th>提交人</th> -->
                          <th> 跟单经理</th>
                          <th>创建时间</th>
                          <th>操作</th>
                        </tr>
                      </thead>

                      <script type="text/html" id="tablesTemp">
                      <tbody class="">

                        {{each list value index}}
                        <tr>
                          <td>{{value.customerCoding}}</td>
                          <td>{{value.customerName}}</td>
                          <td>{{value.customerType}}</td>
                          <!-- <td>{{value.serviceManager}}</td> -->
                          <td>{{value.merchandisingManager}}</td>
                          <td>{{value.creationTime}}</td>
                          <td class="" style="align-items:center;justify-content: center;">
                            <button type="button" class="btn btn-sm btn-outline btn-info mr-10 kim-edit" data-toggle="tooltip"
                              data-original-title="编辑"><i class="fa fa-american-sign-language-interpreting mr-10" aria-hidden="true"></i>审核</button>
                            

                            <!-- <div class="dropdown" data-toggle="tooltip" data-original-title="更多">
                              <a class="text-lighter" href="#" data-toggle="dropdown"><i
                                  class="ti-more-alt rotate-90"></i></a>
                              <div class="dropdown-menu dropdown-menu-right">
                                <a class="dropdown-item" href="#"><i class="fa fa-fw fa-phone"></i>
                                  联系</a>
                                <a class="dropdown-item" href="#"><i class="fa fa-fw fa-commenting"></i>
                                  信息</a>
                                <a class="dropdown-item" href="#"><i class="fa fa-fw fa-envelope"></i>
                                  邮箱</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#"><i class="fa fa-fw fa-trash"></i>
                                  删除</a>
                              </div> -->

                            </div>
                          </td>
                        </tr>
                        {{/each}}

                      </tbody>
                        </script>



                      <!-- <tfoot>
            <tr>
                <th>供应商编码</th>
                <th>供应商名称</th>
                <th> 供应商类型</th>
                <th>业务经理</th>
                <th> 跟单经理</th>
                <th>创建时间</th>
                <th>操作</th>
              </tr>
					</tfoot> -->
                    </table>
                  </div>
                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
            <!-- /.col -->
          </div>

        </section>




        <div class="kim-mack-content">
          <!-- 遮罩层 -->
          <div class="kim-bg"></div>

          <div class="col-lg-8 col-12 kim-box-display  kim-position-ab-cool-style-1200">
            <div class="box kim-box-display">
              <div class="box-header with-border">
                <h4 class="box-title kim-title text-info">企业信息</h4>
                <ul class="box-controls pull-right">
                  <li><a class="kim-close-icon kim-box-close" href="#"></a></li>
                  <li><a class="box-btn-fullscreen" href="#"></a></li>
                </ul>
              </div>
              <div class="box-body">
                <div class="form-group">
                  <div class="row">

                    <div class="col-6">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>供应商名称(英文):</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                          <i class="fa fa-user-o"></i>
                        </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="">
                      </div>
                    </div>

                    <div class="col-6">
                      <label><i class="kim-i-red">&nbsp;&nbsp;</i>供应商名称(中文):</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                          <i class="fa fa-user-o"></i>
                        </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="">
                      </div>
                    </div>

                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">&nbsp;&nbsp;</i>供应商简称:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                          <i class="fa fa-address-book-o"></i>
                        </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="">
                      </div>
                    </div>

                    <div class="col-6 mt-10">
                       <label><i class="kim-i-red">*&nbsp;&nbsp;</i>是否查询企业信用:<a style="color:blue" href="https://www.zbtservices.com/v2/outsearch?ACJSESSIONID=7d922979-42d3-405d-9ec2-785a01eb60bc">点击直达官网查询</a></label>
                      <div class="input-group b-2">
                        <input name="group6" type="radio" id="radio_37" class="with-gap radio-col-blue">
                        <label for="radio_37" style="min-width: 80px;text-align: left;">是</label>
                        <input name="group6" type="radio" id="radio_38" class="with-gap radio-col-light-blue">
                        <label for="radio_38" style="min-width: 80px;text-align: left;">否</label>
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <div class="form-group">
                        <label><i class="kim-i-red">*&nbsp;&nbsp;</i>企业类型:</label>
                        <select class="form-control select2" style="width: 100%;">
                          <option selected="selected">选择企业类型</option>
                          <option>个人</option>
                          <option>境外</option>
                          <option>小规模</option>
                          <option>一般纳税人</option>
                        </select>
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <div class="form-group">
                        <label><i class="kim-i-red">*&nbsp;&nbsp;</i>经营模式:</label>
                        <select class="form-control select2" style="width: 100%;">
                          <option selected="selected">选择经营模式</option>
                          <option>生产型企业</option>
                          <option>贸易公司</option>
                        </select>
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>移动电话:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>固定电话:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>

                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>e-mail:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <div class="form-group">
                        <label><i class="kim-i-red">*&nbsp;&nbsp;</i>服务类型:</label>
                        <select class="form-control select2" style="width: 100%;">
                          <option selected="selected">选择服务类型</option>
                          <option>自营进口（单抬头）</option>
                          <option>代理进口（双抬头）</option>
                        </select>
                      </div>
                    </div>





                    <div class="col-12 mt-10">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>收件地址:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>


                    <div class="col-12 mt-10">
                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>公司地址(英文):</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>



                    <div class="col-12 mt-10">
                      <label><i class="kim-i-red">&nbsp;&nbsp;</i>公司地址(中文):</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">&nbsp;&nbsp;</i>公司网址:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>


                    <div class="col-6 mt-10">
                      <label><i class="kim-i-red">&nbsp;&nbsp;</i>传真:</label>
                      <div class="input-group">
                        <!-- <div class="input-group-addon">
                            <i class="fa  fa-user-circle-o"></i>
                          </div> -->
                        <input type="text" class="form-control" data-inputmask="" data-mask="" placeholder="">
                      </div>
                    </div>



                  </div>

                </div>
                <div class="kim-jsc">
                  <button class="tst1 btn btn-info btn-rounded">确定</button>
                  <button class="tst2 btn btn-warning btn-rounded ml-15 kim-box-close">取消</button>
                </div>


              </div>
            </div>




          </div>

          <div class="box box-default  col-lg-8 col-12  kim-position-ab-cool-style-1200 kim-edit-display ">

            <div class="box box-default">
              <div class="box-header with-border">
                <h3 class="box-title">税费</h3>
                <ul class="box-controls pull-right">
                  <li><a class="kim-close-icon kim-edit-close" href="#"></a></li>
                  <li><a class="box-btn-fullscreen" href="#"></a></li>
                </ul>
                <!-- <h6 class="box-subtitle">Use default tab with class <code>vtabs, tabs-vertical & customvtab</code></h6> -->
              </div>

              <div class="box-body wizard-content">
                <form action="#" class="tab-wizard wizard-circle">
                  <!-- Step 1 -->
                  <h6>BEGIN</h6>
                  <section>
                    <span class="text-danger">注意事项:(增加的业务合同费用应该和代理协议的费用一致!!!)</span>
                    <div class="row">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="firstName5"><i class="kim-i-red">*&nbsp;&nbsp;</i>标题:</label>
                          <input type="text" class="form-control" id="firstName5"> </div>
                      </div>


                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>正文:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>境外供应商:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>品名:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>数量:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>货值:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label for="lastName1"><i class="kim-i-red">*&nbsp;&nbsp;</i>启运港:</label>
                          <input type="text" class="form-control" id="lastName1"> </div>
                      </div>

                      <div class="col-6">
                        <div class="form-group">
                          <label><i class="kim-i-red">*&nbsp;&nbsp;</i>付款方式:</label>
                          <select class="form-control select2" style="width: 100%;">
                            <option selected="selected">先付</option>
                            <option>审核不通过</option>
                            <option>退回补充资料</option>
                          </select>
                        </div>
                      </div>


                      <h3 class="bb-2 pb-5 mb-20 text-info col-12">附件</h3>
                      <div class="row gutter-mr-30" style="min-width:850px">

                        <div class="col-5 b-2 ml-20">
                          <span style="font-size:14px;text-align: center;">进口协议:</span>
                          <div class="kim-box">
                            <input type="file" name="file-1[]" id="file-1" class="inputfile inputfile-4"
                              data-multiple-caption="{count} files selected" multiple="" style="display:none">
                            <label for="file-1">
                              <figure><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17"
                                  viewBox="0 0 20 17">
                                  <path
                                    d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z">
                                  </path>
                                </svg></figure> <span>点击上传(多个文件请压缩)</span>
                            </label>
                          </div>
                        </div>


                      </div>


                      <div class="col-12">
                        <div class="box box-default">
                          <div class="box-body">

                            <ul class="nav nav-tabs" id="myTab" role="tablist">
                              <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab"
                                  href="#kim-jiesuan1" role="tab" aria-controls="kim-jiesuan1"
                                  aria-expanded="true"><span class="hidden-sm-up"><i class="ion-home"></i></span>
                                  <span class="hidden-xs-down">审核：当前审核节点【运营部总经理】</span></a> </li>
                              <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab"
                                  href="#profile5" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i
                                      class="ion-person"></i></span> <span class="hidden-xs-down">审核记录</span></a>
                              </li>
                              <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab"
                                  href="#profile6" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i
                                      class="ion-person"></i></span> <span class="hidden-xs-down">付款记录</span></a>
                              </li>
                              <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab"
                                  href="#profile7" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i
                                      class="ion-person"></i></span> <span class="hidden-xs-down">转账明细</span></a>
                              </li>

                            </ul>

                            <div class="tab-content tabcontent-border pad" id="myTabContent">
                              <div role="tabpanel" class="tab-pane fade show active" id="kim-jiesuan1"
                                aria-labelledby="home-tab">


                                <div class="form-group">
                                  <div class="row">

                                    <div class="col-6">
                                      <div class="form-group">
                                        <label><i class="kim-i-red">*&nbsp;&nbsp;</i>请选择审核结果:</label>
                                        <select class="form-control select2" style="width: 100%;">
                                          <option selected="selected">审核通过</option>
                                          <option>审核不通过</option>
                                          <option>退回补充资料</option>
                                        </select>
                                      </div>
                                    </div>

                                    <!-- <div class="col-6">
                                              <div class="form-group">
                                                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>规格是否影响海关编码:</label>
                                                <select class="form-control select2" style="width: 100%;">
                                                  <option selected="selected">是</option>
                                                  <option>否</option>
                                                </select>
                                              </div>
                                            </div>
                    
                                            <div class="col-6">
                                              <div class="form-group">
                                                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>产品价格是否合理:</label>
                                                <select class="form-control select2" style="width: 100%;">
                                                  <option selected="selected">合理</option>
                                                  <option>不合理</option>
                                                </select>
                                              </div>
                                            </div>
                    
                    
                                            <div class="col-6">
                                              <label><i class="kim-i-red">*&nbsp;&nbsp;</i>HSCode:</label>
                                              <div class="input-group">
                                                <input type="text" class="form-control" data-inputmask="" data-mask="">
                                              </div>
                                            </div>
                    
                                            <div class="col-6">
                                              <div class="form-group">
                                                <label><i class="kim-i-red">*&nbsp;&nbsp;</i>税局HSCode:</label>
                                                <select class="form-control select2" style="width: 100%;">
                                                  <option selected="selected">税局HSCode1</option>
                                                  <option>税局HSCode1</option>
                                                  <option>税局HSCode2</option>
                                                  <option>税局HSCode3</option>
                                                </select>
                                              </div>
                                            </div>
                     -->


                                    <div class="col-6">
                                      <label><i class="kim-i-red">*&nbsp;&nbsp;</i>备注:</label>
                                      <div class="input-group">
                                        <input type="text" class="form-control" data-inputmask="" data-mask="">
                                      </div>
                                    </div>

                                  </div>

                                </div>

                              </div>



                              <div class="tab-pane fade" id="profile6" role="tabpanel" aria-labelledby="profile-tab">

                                <h6 class="bb-1 pb-5 mb-20 text-info">订单费用</h6>
                                <div class="table-responsive">
                                  <table class="table table-bordered" style="width:1050px;">
                                    <tr>
                                      <th>
                                        <label for="md_checkbox_26"></label>
                                        <input type="checkbox" id="md_checkbox_26" class="filled-in chk-col-light-blue"
                                          checked="">
                                      </th>
                                      <th>付款水单</th>
                                      <th>审核人员</th>
                                      <th> 审核意见</th>
                                      <th> 付款状态</th>
                                      <th>提交时间</th>

                                    </tr>

                                    <tr>
                                      <th colspan="7" class="text-center center-block"><i
                                          class="mdi mdi-emoticon-sad mr-5"></i>暂无产品管理数据</th>
                                    </tr>
                                  </table>
                                </div>



                              </div>


                              <div class="tab-pane fade" id="profile7" role="tabpanel" aria-labelledby="profile-tab">

                                <h6 class="bb-1 pb-5 mb-20 text-info">订单费用</h6>
                                <div class="table-responsive">
                                  <table class="table table-bordered" style="width:1050px;">
                                    <tr>
                                      <th>
                                        <label for="md_checkbox_26"></label>
                                        <input type="checkbox" id="md_checkbox_26" class="filled-in chk-col-light-blue"
                                          checked="">
                                      </th>




                                      <th>款项类型</th>
                                      <th>金额(CNY) </th>
                                      <th>合同号</th>
                                      <th> 产生时间</th>
                                      <th>备注</th>

                                    </tr>

                                    <tr>
                                      <td> 外汇款</td>
                                      <td> 0</td>
                                    </tr>

                                    <tr>

                                      <td>保证金</td>
                                      <td>0</td>
                                    </tr>

                                    <tr>

                                      <td>历史余额</td>
                                      <td>36526.8766</td>
                                      <td>2019-06-18 </td>
                                      <td> 17:14:52 </td>
                                    </tr>


                                  </table>
                                </div>

                              </div>



                              <div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab">

                                <h6 class="bb-1 pb-5 mb-20 text-info">订单费用</h6>
                                <div class="table-responsive">
                                  <table class="table table-bordered" style="width:1050px;">
                                    <tr>
                                      <th>
                                        <label for="md_checkbox_26"></label>
                                        <input type="checkbox" id="md_checkbox_26" class="filled-in chk-col-light-blue"
                                          checked="">
                                      </th>

                                      <th>任务id</th>
                                      <th>节点</th>
                                      <th>审核人员</th>
                                      <th> 审核意见</th>
                                      <th>提交时间</th>

                                    </tr>

                                    <tr>
                                      <th colspan="7" class="text-center center-block"><i
                                          class="mdi mdi-emoticon-sad mr-5"></i>暂无产品管理数据</th>
                                    </tr>
                                  </table>
                                </div>

                              </div>






                            </div>
                          </div>
                          <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                      </div>

                    </div>



                  </section>
                  <!-- Step 2 -->
                  <h6>审核：当前审核节点【运营部总经理】</h6>
                  <section>
                    <div class="row">
                      <div class="col-12">
                        <div class="form-group">
                          <label for="url123">URL :</label>
                          <input type="url" class="form-control" id="url123" placeholder="http://">
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="username123">Username :</label>
                          <input type="text" class="form-control" id="username123">
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="password123">Password :</label>
                          <input type="password" class="form-control" id="password123">
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>User Group :</label>
                          <div class="c-inputs-stacked">
                            <input name="group123" type="radio" id="radio_123" value="1">
                            <label for="radio_123" class="block">Sales Person</label>
                            <input name="group456" type="radio" id="radio_456" value="1">
                            <label for="radio_456">Customer</label>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Communications :</label>
                          <div class="c-inputs-stacked">
                            <input type="checkbox" id="checkbox_123">
                            <label for="checkbox_123" class="block">Email</label>
                            <input type="checkbox" id="checkbox_234">
                            <label for="checkbox_234" class="block">SMS</label>
                            <input type="checkbox" id="checkbox_345">
                            <label for="checkbox_345" class="block">Phone</label>
                          </div>
                        </div>
                      </div>
                    </div>
                  </section>
                  <!-- Step 3 -->

                  <!-- Step 4 -->
                  <h6>财务总监</h6>
                  <section>
                    <div class="row">
                      <div class="col-12">
                        <div class="form-group">
                          <label for="decisions1">Comments</label>
                          <textarea name="decisions" id="decisions1" rows="4" class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                          <div class="c-inputs-stacked">
                            <input type="checkbox" id="checkbox_1">
                            <label for="checkbox_1" class="block">Click here to indicate that you have read and agree to
                              the
                              terms presented in the Terms and Conditions agreement</label>

                          </div>
                        </div>
                      </div>
                    </div>
                  </section>



                  <h6>END</h6>
                  <section>
                    <div class="row">
                      <div class="col-12">
                        <div class="form-group">
                          <label for="decisions1">Comments</label>
                          <textarea name="decisions" id="decisions1" rows="4" class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                          <div class="c-inputs-stacked">
                            <input type="checkbox" id="checkbox_1">
                            <label for="checkbox_1" class="block">Click here to indicate that you have read and agree to
                              the
                              terms presented in the Terms and Conditions agreement</label>

                          </div>
                        </div>
                      </div>
                    </div>
                  </section>



                </form>
              </div>


            </div>


          </div>


        </div>

  </body>


  <script>
    $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/table/all").then(function (res) {
      console.log(res)
      res.len = res.list.length
      $(".xhrTables").append(template("tablesTemp", res))
      setTimeout(function () {
        $("body").append(`<script src="../../js/pages/data-table.js"/>
        <script src="../../../assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js" />
  <script src="../../js/pages/toastr.js" />
`)
      }, 100)
      setTimeout(function () {
        $(".kim-content").show()
      }, 100)
      dragFloatingLayer({ clickele: ".kim-edit", dispalyMainClass: ".kim-edit-display", dragDropClass: ".kim-title", backgroup: ".kim-bg", closeBtn: ".kim-edit-close", zIndex: 99, isHideMack: true }) //kim-position kim-box kim-close-icons
    }).catch(function (err) {
      console.log(err)
      res = listAll
      res.len = res.list.length
      $(".xhrTables").append(template("tablesTemp", res))
      setTimeout(function () {
        $("body").append(`<script src="../../js/pages/data-table.js"/>
        <script src="../../../assets/vendor_components/jquery-toast-plugin-master/src/jquery.toast.js" />
  <script src="../../js/pages/toastr.js" />
`)
      }, 100)
      setTimeout(function () {
        $(".kim-content").show()
      }, 100)
      dragFloatingLayer({ clickele: ".kim-edit", dispalyMainClass: ".kim-edit-display", dragDropClass: ".kim-title", backgroup: ".kim-bg", closeBtn: ".kim-edit-close", zIndex: 99, isHideMack: true }) //kim-position kim-box kim-close-icon

    })

    // click, dispalyMainClass, dragDropClass, backgroup, closeBtn, zIndex

    dragFloatingLayer({ clickele: ".kim-add-customers", dispalyMainClass: ".kim-box-display", dragDropClass: ".kim-title", backgroup: ".kim-bg", closeBtn: ".kim-box-close", zIndex: 99, isHideMack: true }) //kim-position kim-box kim-close-icon
    dragFloatingLayer({ clickele: ".kim-add-proxy-agreement", dispalyMainClass: ".kim-proxy-agreemen-display", dragDropClass: ".kim-title", backgroup: ".kim-bg", closeBtn: ".kim-proxy-agreemen-close", zIndex: 999, isHideMack: false }) //kim-position kim-box kim-close-icon



  </script>

  <script>
      (function (e, t, n) { var r = e.querySelectorAll("html")[0]; r.className = r.className.replace(/(^|\s)no-js(\s|$)/, "$1js$2") })(document, window, 0);

    'use strict';

    ; (function (document, window, index) {
      var inputs = document.querySelectorAll('.inputfile');
      Array.prototype.forEach.call(inputs, function (input) {
        var label = input.nextElementSibling,
          labelVal = label.innerHTML;

        input.addEventListener('change', function (e) {
          var fileName = '';
          if (this.files && this.files.length > 1)
            fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
          else
            fileName = e.target.value.split('\\').pop();

          if (fileName)
            label.querySelector('span').innerHTML = fileName;
          else
            label.innerHTML = labelVal;
        });

        // Firefox bug fix
        input.addEventListener('focus', function () { input.classList.add('has-focus'); });
        input.addEventListener('blur', function () { input.classList.remove('has-focus'); });
      });
    }(document, window, 0));
  </script>






  <script src="../../../assets/vendor_components/popper/dist/popper.min.js"> </script>
  <script src="../../../assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"> </script>
  <script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"> </script>
  <script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"> </script>
  <script src="../../js/template.js"> </script>
  <script src="../../js/demo.js"> </script>
  <script src="../../../assets/vendor_components/datatable/datatables.min.js"> </script>




  <!-- Select2 -->
  <script src="../../../assets/vendor_components/select2/dist/js/select2.full.js"></script>

  <!-- InputMask -->
  <script src="../../../assets/vendor_plugins/input-mask/jquery.inputmask.js"></script>
  <script src="../../../assets/vendor_plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
  <script src="../../../assets/vendor_plugins/input-mask/jquery.inputmask.extensions.js"></script>

  <!-- date-range-picker -->
  <script src="../../../assets/vendor_components/moment/min/moment.min.js"></script>
  <script src="../../../assets/vendor_components/bootstrap-daterangepicker/daterangepicker.js"></script>

  <!-- bootstrap datepicker -->
  <script src="../../../assets/vendor_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>

  <!-- bootstrap color picker -->
  <script src="../../../assets/vendor_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>

  <!-- bootstrap time picker -->
  <script src="../../../assets/vendor_plugins/timepicker/bootstrap-timepicker.min.js"></script>

  <!-- SlimScroll -->
  <script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>

  <!-- iCheck 1.0.1 -->
  <script src="../../../assets/vendor_plugins/iCheck/icheck.min.js"></script>

  <!-- FastClick -->
  <script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"></script>


  <!-- 洲博通 for advanced form element -->
  <script src="../../js/pages/advanced-form-element.js"></script>


  <!-- 洲博通 for demo purposes -->
  <script src="../../js/demo.js"></script>

  <!-- steps  -->
  <script src="../../../assets/vendor_components/jquery-steps-master/build/jquery.steps.js"></script>

  <!-- validate  -->
  <script src="../../../assets/vendor_components/jquery-validation-1.17.0/dist/jquery.validate.min.js"></script>

  <!-- Sweet-Alert  -->
  <script src="../../../assets/vendor_components/sweetalert/sweetalert.min.js"></script>

  <!-- wizard  -->
  <script src="../../js/pages/steps.js"></script>



</html>










<script>
    // 方式一：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,如下:












</script>